﻿@import "../../LiberUI/Style/Default/Theme";
@import "../../LiberUI/Style/Default/_soIcons";
@font-face {
  font-family: 'SoIcons';
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot');
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot') format('embedded-opentype'), url('/LiberUI/Style/Default/fonts/iconfont.woff') format('woff'), url('/LiberUI/Style/Default/fonts/iconfont.ttf') format('truetype'), url('/LiberUI/Style/Default/fonts/iconfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

#headLogo{
    text-align:center;
    background-color:$ClrTheme;
    min-height:12rem;
    &>#headLogoWraper{
        width:10rem;
        height:10rem;
        line-height:10rem;
        text-align:center;
        border-radius:5rem;
        background-color:white;
        margin:1rem auto;
        &>img{
            width:100%;
        }
    }

}

.searchboxWraper{
    margin-top:1rem;
}

.noItem{
    margin-top:1rem;
    &>.no-row-head{
    text-align:center;
        &>img{
            width:5rem;
            height:5rem;
            margin-top:1rem;
            border-radius:50%;
            background-color:$ClrControllerBk;
            border:3px solid white;
        }
}
    &>.no-row-body{
        @include block();
        padding-left:2rem;
        &>.no-headline{
            border-bottom:1px solid $PageBk;
            font-weight:bold;
            padding:2px 0;
            & .lnkDelivery{
                margin-right:1rem;
            }
            &>.no-lnks{
                text-align:right;
                padding-right:1rem;
            }
        }
        &>.no-describe{
            padding:5px;
            &>.withLeftIndent{
                padding-left:2rem;
                border-left:1px solid $PageBk;
            }
            &>.order-action{
                padding-top:2rem;
                &>.button{
                    width:100%;
                }
            }
            & em{
                font-style:normal;
                color:$ClrTheme;
            }
            & .urgent{
                color:$ClrImportant;
                &>i{
                    @include soicon($ClrImportant);
                }
            }
            & .People{
                padding-left:2.1rem;
                &>img{
                    height: 20px;
                    width: 20px;
                    border-radius: 50%;
                    position: absolute;
                    left:0;
                    top:0;
                }
            }
        } 
    }
    &.withHistory{
        &>.no-row-body{
            background-image: url('/SiteUI/Imgs/watermark-order-withhistroy.gif');
            background-repeat:no-repeat;
            background-position:right bottom;
            background-size:auto 80%;
        }

    }
}